.C000052_root__a9yOi {
    background: #1c2532;
    background: var(--design-block-bg, #1c2532);
    padding: .625rem
}

.C000052_root__a9yOi,
.C000052_root__a9yOi .C000052_userInfo__vhVx0 {
    border-radius: .625rem;
    border-radius: var(--design-border-radius, .625rem)
}

.C000052_root__a9yOi .C000052_userInfo__vhVx0 {
    align-items: center;
    display: flex;
    flex-direction: row;
    padding: .5rem
}

.C000052_root__a9yOi .C000052_userInfoName__9Na5t {
    color: #fff;
    color: var(--design-text-color, #fff);
    flex: 1 1;
    font-size: .875rem;
    font-weight: 700
}

.C000052_root__a9yOi .C000052_userInfoCopy__CedWX {
    height: 1.75rem;
    text-align: center;
    width: 2.5rem
}

.C000052_root__a9yOi .C000052_userInfo__vhVx0 .C000052_userAvatar__kEXTF {
    border-radius: 100%;
    cursor: pointer;
    overflow: hidden;
    position: relative
}

.C000052_root__a9yOi .C000052_userInfo__vhVx0 .C000052_userAvatar__kEXTF .C000052_edit__YiCar {
    background: rgba(0, 0, 0, .6);
    bottom: 0;
    color: #fff;
    font-size: .625rem;
    left: 0;
    line-height: 1.1;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 1
}

.C000052_root__a9yOi .C000052_vip__i7B-6 {
    display: flex;
    flex-direction: row;
    margin-top: .3125rem
}

.C000052_root__a9yOi .C000052_vipLevel__VuAtI {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin: 0 .625rem;
    width: 5rem
}

.C000052_root__a9yOi .C000052_vipLevelName__H8TRa {
    background: linear-gradient(180deg, #f39d42, #fed791);
    -webkit-background-clip: text;
    color: transparent;
    font-size: .875rem;
    font-weight: 800;
    margin-left: .625rem
}

.C000052_root__a9yOi .C000052_vipProgress__YZG-Y {
    background-color: #242f3d;
    background-color: var(--design-button-active-bg, #242f3d);
    border-radius: .3125rem;
    flex: 1 1;
    padding: .625rem .625rem 0
}

.C000052_root__a9yOi .C000052_vipProgressTitle__sbjvK {
    display: block;
    font-size: .75rem;
    font-weight: 700;
    -webkit-transform: scale(.83);
    transform: scale(.83);
    -webkit-transform-origin: left;
    transform-origin: left
}

.C000052_root__a9yOi .C000052_vipProgressNum__WcG1p {
    display: block;
    font-size: .75rem;
    font-weight: 700;
    -webkit-transform: scale(.83);
    transform: scale(.83);
    -webkit-transform-origin: right;
    transform-origin: right
}

.C000052_root__a9yOi .C000052_vipProgressBar__oX2O5 {
    margin-bottom: .625rem;
    width: 100%
}

.C000052_root__a9yOi .C000052_vipProgress__YZG-Y .ant-progress-text {
    color: #fff;
    color: var(--design-text-color, #fff);
    font-size: .75rem;
    -webkit-transform: scale(.83);
    transform: scale(.83)
}

.C000052_root__a9yOi .C000052_list__VxC5i {
    background-color: #242f3d;
    background-color: var(--design-button-active-bg, #242f3d);
    border-radius: .3125rem;
    font-size: .75rem;
    font-weight: 700;
    margin-top: .875rem;
    width: 100%
}

.C000052_root__a9yOi .C000052_listItem__vfMvU {
    align-items: center;
    border-radius: .3125rem;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    min-height: 3.125rem;
    padding: .625rem
}

.C000052_root__a9yOi .C000052_listItemIcon__lWUG7 {
    align-items: center;
    border-radius: 30% .625rem;
    display: flex;
    height: 1.75rem;
    justify-content: center;
    margin-right: .625rem;
    width: 1.75rem
}

.C000052_root__a9yOi .C000052_listItemIconImage__SHvHm {
    fill: #fff;
    align-items: center;
    color: #fff;
    display: flex;
    height: 60%;
    justify-content: center;
    width: 60%
}

.C000052_root__a9yOi .C000052_listItemTitle__Lr6Z0 {
    color: #adb6c4;
    font-size: .875rem
}

.C000052_avatar__j-OFz {
    grid-gap: .75rem;
    background-color: #111923;
    border-radius: 1.25rem;
    border-radius: var(--design-big-border-radius, 1.25rem);
    display: grid;
    grid-template-columns: repeat(auto-fill, 3.75rem);
    justify-content: center;
    max-height: 60vh;
    max-width: 31.25rem;
    overflow: auto;
    padding: .75rem;
    width: 80vw
}

.C000052_avatar__j-OFz .C000052_item__WtPV8 {
    cursor: pointer
}

.C000052_avatar__j-OFz .C000052_upload__NOf4w {
    align-items: center;
    border: .0625rem solid var(--adm-color-primary);
    border-radius: 100%;
    color: var(--adm-color-primary);
    cursor: pointer;
    display: flex;
    font-size: 1.5rem;
    height: 3.75rem;
    justify-content: center;
    width: 3.75rem
}

.C000052_logOutArea__nR2pJ {
    margin-left: .625rem;
    margin-top: .625rem
}

.C000052_logOut__vgAU1 {
    color: #3f526e;
    font-size: .875rem;
    font-weight: bolder
}

.C000052_userNameArea__E8xNW {
    align-items: center;
    background-color: #242f3d;
    background-color: var(--design-button-active-bg, #242f3d);
    border-radius: .3125rem;
    cursor: pointer;
    display: flex;
    height: 100%;
    margin-left: 1.25rem;
    padding: .3125rem .625rem;
    width: 100%
}

.C000052_vipLevelArea__F-CJG {
    align-items: center;
    background-color: #fa1e44;
    border-radius: .625rem;
    border-radius: var(--design-border-radius, .625rem);
    display: flex;
    font-weight: bolder;
    height: 1.25rem;
    justify-content: center;
    padding: .125rem;
    width: 3.75rem
}

.C000052_vipArea__IficX {
    align-items: center;
    display: flex;
    margin-left: 1.25rem;
    margin-top: .375rem
}

.C000052_vipBlock__8AtFy {
    justify-content: space-between;
    margin-top: .625rem
}

.C000052_vipBlock__8AtFy,
.C000052_vipBlock__8AtFy div {
    align-items: center;
    display: flex
}

.C000052_vipBlock__8AtFy span {
    margin: 0 .3125rem
}

.C000052_vipLevelIcon__goPA8 {
    height: 1.5rem;
    width: 1.5rem
}

.C000052_vipText__G4QVH {
    color: #f2c27f;
    font-size: .875rem;
    font-weight: 800
}

.ThirdPartyBind_root__YRnSy .ThirdPartyBind_buttons__H3n7r {
    background: #242f3d;
    background: var(--design-button-active-bg, #242f3d);
    border-radius: 5px;
    margin-top: 10px;
    padding: 10px 0
}

.SignButton_button__W7dMa {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex: 1 1;
    height: 34px;
    margin-bottom: 10px;
    padding: 0 10px
}

.SignButton_button__W7dMa:last-of-type {
    margin-bottom: 0
}

.SignButton_button__W7dMa .SignButton_dot__M3TN6 {
    background: #ed1d49;
    border-radius: 50%;
    flex-shrink: 0;
    height: 6px;
    position: absolute;
    right: -2px;
    top: -2px;
    width: 6px
}

.SignButton_button__W7dMa .SignButton_buttonInner__L0LiC {
    align-items: center;
    display: flex;
    flex: 1 1
}

.SignButton_button__W7dMa .SignButton_buttonInner__L0LiC .SignButton_iconWrapper__jWCKB {
    align-items: center;
    display: flex;
    height: 28px;
    justify-content: center;
    position: relative;
    width: 28px
}

.SignButton_button__W7dMa .SignButton_buttonInner__L0LiC .SignButton_icon__YH8Iu {
    align-items: center;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    font-size: 10px;
    height: 24px;
    justify-content: center;
    overflow: hidden;
    width: 24px
}

.SignButton_button__W7dMa .SignButton_buttonInner__L0LiC .SignButton_label__s0bx6 {
    align-items: center;
    color: #ffaa17;
    display: flex;
    font-size: 14px;
    font-weight: 700;
    gap: 8px;
    margin-left: 10px
}

.GoogleAuth_root__Irhgj .GoogleAuth_buttons__izLJB {
    background: #242f3d;
    background: var(--design-button-active-bg, #242f3d);
    border-radius: 5px;
    margin-top: 10px;
    padding: 10px 0
}